/*
 * @Description: 备份计划弹窗 - 范围面板
 * @Author: Rfan
 * @Date: 2022-08-03 20:29:15
 * @LastEditTime: 2022-08-04 17:19:07
 */

import { Alert, Form, Input, Radio } from 'antd';

interface IScopePaneProps {}
function ScopePane(props: IScopePaneProps) {
  const [form] = Form.useForm();

  /**
   * @description: 提交表单方法
   * @param {any} values 表单数据
   */
  const onFinish = (values: any) => {
    //
  };
  return (
    <div className="scope-pane">
      <Alert
        description="执行在线备份档案数据后，可根据实际档案保护要求进行“离线备份”和“档案恢复”。档案备份内容包含：目录数据、电子档案数字对象、元数据、过程信息"
        type="info"
        showIcon
      />
      <Form form={form} labelCol={{ span: 5 }} wrapperCol={{ span: 16 }} onFinish={onFinish}>
        <Form.Item name="title" label="计划名称" rules={[{ required: true }]}>
          <Input />
        </Form.Item>
        <Form.Item label="设置备份全宗">XXXXX</Form.Item>
        <Form.Item label="状态">
          <Radio.Group>
            <Radio value={1}>开启</Radio>
            <Radio value={2}>关闭</Radio>
          </Radio.Group>
        </Form.Item>
        <Form.Item
          label="设定档案类型"
          extra="您可多选档案类型进行备份，每个档案类型均会单独生成备份"
        >
          <Radio.Group>
            <Radio value={1}>开启</Radio>
            <Radio value={2}>关闭</Radio>
          </Radio.Group>
        </Form.Item>
        <Form.Item label="备份范围">
          <Radio.Group>
            <Radio value={1}>开启</Radio>
            <Radio value={2}>关闭</Radio>
          </Radio.Group>
        </Form.Item>
        <Form.Item name="reamrk" label="备注">
          <Input.TextArea placeholder="备注信息描述，最多可填写2000字" maxLength={2000} showCount />
        </Form.Item>
      </Form>
    </div>
  );
}

export default ScopePane;
